<template>
	<div class="header">
		国内城市
		<router-link to='/'>
			<div class="iconfont header-back">&#xe624;</div>
		</router-link>
	</div>
</template>

<script>
	export default {
		name: 'CityHeader'
	}
</script>

<style lang="less" scoped="scoped">
	@import '~styles/varibles.less';

	.header {
		position: relative;
		height: @headerheight;
		line-height: @headerheight;
		overflow: hidden;
		text-align: center;
		color: #fff;
		background: @bgcolor;
		font-size: 0.32rem;

		.header-back {
			position: absolute;
			top: 0;
			left: 0;
			width: 0.64rem;
			text-align: center;
			font-size: 0.4rem;
			color: #fff;
		}
	}
</style>
